*{margin: 0;padding: 0;list-style: none;}


header{display: flex;justify-content: space-around;position: fixed;background: white;width: 100%;
  div{width: 4.9rem;box-sizing: border-box;text-align:center;line-height:1.8rem;
     font-size: 0.7rem;}
}
.header-bor{border-bottom: 0.1rem solid #E5444D;}

.footer{height: 2.1rem;text-align: center;position: fixed;bottom:0;display: flex;justify-content: space-around;width: 100%;
      background: white;
  li{width: 33.333%;margin-top: 0.3rem;}
}
.footer-color{color: red;}
.foot-fu{height: 2.1rem}

.jptj{display: flex;justify-content: space-between;padding:0.45rem;box-sizing: border-box;background: #EFEFF1;
  .div-k{width: 7.3rem;height: 9rem;background: white;
        .text{padding: 0.3rem;box-sizing: border-box;position: relative;height: 3.35rem;
            div{display: flex;justify-content: space-between; width: 92%;position: absolute;bottom: 0.3rem;
              .sc{color: #939393;font-size: 0.4rem;
                span{font-size: 0.25rem;}
              }
              .color-red{color:#F04246; }
            }
        }
    }
}


.gonglue{padding:0.45rem;box-sizing: border-box;background: #EFEFF1;
    .gl-dex{margin-top: 0.45rem;
      .back-img{width: 100%;height: 5.6rem;background:url("../img/1.1.png") no-repeat;
          background-size: contain;border-radius: 0.1rem 0.1rem 0 0;}
      .text{padding: 0.3rem;box-sizing: border-box;position: relative;background: white;
           display: flex;justify-content: space-between;border-radius:0 0 0.1rem 0.1rem;
           margin-top: -0.1rem;
          li:nth-of-type(2){color: #939393;font-size: 0.4rem;}
      }
      .back-img2{background:url("../img/1.2.png") no-repeat; background-size: contain; }
      .back-img3{background:url("../img/1.3.png") no-repeat; background-size: contain; }
    }

}

.jptj-top{padding-top:0.01rem; }


.fenlei-sou{padding: 0.45rem;border-bottom: 0.02rem solid #F0F0F0;position: relative;
    input{width: 100%;height: 1.5rem;border: 0;border-radius: 0.1rem;background: #F0F0F0;
        padding: 0 1rem;box-sizing: border-box;}
    span{color: #CF6269;position: absolute;right: 1rem;top: 0.8rem;z-index: 2;}
}

.list-dex{
    .list-name{display: flex;justify-content: space-between;box-sizing: border-box;padding:0.8rem 0.45rem;
         border-bottom: 0.02rem solid #F7F5F6;
        span{font-size: 0.5rem;}
      div:nth-of-type(1){font-size: 0.6rem;}
      img{margin-right: 0.5rem;}
        }
    .list-boy{display: flex;justify-content: space-between;background:#EEEEEE;padding: 1.5rem;
        color: #818181;display: none;}
}

.wo-body{background: #EEEEEE;height: 100%;
  .wo-img{width: 100%;}
  .xiaoxi{padding: 0.45rem;box-sizing: border-box;display: flex;justify-content: space-between;
       position: relative;background: white;margin-top:-0.1rem;
       .jilu{background: red;color: white;border-radius: 50%;width: 0.8rem;height: 0.8rem;
            text-align: center;line-height: 0.8rem;position: absolute;top: 0.2rem;left: 4.5rem;}
  }
  .wo-router{display: flex;justify-content: space-between;margin-top: 0.6rem;background: white;
    li{width: 50%;padding: 0.7rem 0;text-align: center;font-size: 0.7rem;
       border-bottom: 0.02rem solid #EEEEEE;}
    li:nth-of-type(1){border-right: 0.02rem solid #EEEEEE; }
    .bor-bot{border-bottom: 0.1rem solid #D84B55;}
  }

}

.shezhi{position: absolute;top: 0.8rem;right: 0.7rem;font-size: 2rem;}

.router-dex{padding: 0.45rem;display: flex;justify-content: space-between;
  border-bottom: 0.02rem solid #EEEEEE;background: white;
  ul{display: flex;
    li:nth-of-type(2){padding: 0.3rem;
       span{color:#A5A5A5;font-size: 0.4rem; }
    }
  }

  .biao{line-height: 3rem;}
}



